<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>还款明细</title>
    <link rel="stylesheet" href="/css/reset.css">
    <link rel="stylesheet" href="/css/common.css">
    <link rel="stylesheet" href="/css/user_siderbar.css">
    <link rel="stylesheet" href="/css/repaymentDetails.css">
    <link rel="stylesheet" href="/css/page.css">
    <script type="text/javascript" src="/js/assets/config.js"></script>
    <script type="text/javascript" src="/js/assets/require.js" data-main="/js/users/repaymentDetails"></script>
</head>
<body>
<#include "/include/header.ftl">
<div class="container clear">
<#include "/include/user_siderbar.ftl">
    <div class="wrap fr">
        <h1 class="h1">
            还款明细
        </h1>
        <div class="allInfo">
            <table>
                <thead>
                <tr>
                    <td>标题</td>
                    <td>总期数</td>
                    <td>当期期数</td>
                    <td>应还总额(元)</td>
                    <td>应还时间</td>
                    <td>状态</td>
                </tr>
                </thead>
                <tbody id="repaymentBody">

                </tbody>
                <script id="repayment" type="text/x-handlebars-template">
                    {{#each this}}
                    <tr>
                        <td>{{itemName}}</td>
                        <td>{{repayTotalPeriod}}</td>
                        <td>{{repayCurrentPeriod}}</td>
                        <td>{{repayAmount}}</td>

                        <td>{{repayTime}}</td>

                        {{#compare status '==' '0'}}
                          <td>未还款</td>
                        {{/compare}}
                        {{#compare status '==' '1'}}
                        <td>借款人还款</td>
                        {{/compare}}
                        {{#compare status '==' '2'}}
                        <td>逾期</td>
                        {{/compare}}
                        {{#compare status '==' '3'}}
                        <td>逾期还款</td>
                        {{/compare}}
                    </tr>
                    {{/each}}
                </script>
                <#--<tr>
                    <td>标题</td>
                    <td>总期数</td>
                    <td>当期期数</td>
                    <td>应还总额</td>
                    <td>应还总额</td>
                    <td>应还时间</td>
                    <td>状态</td>
                </tr>-->
            </table>
            <div class="pages">
                <nav>
                    <ul id="pages" style="margin:74px auto">
                    </ul>
                </nav>
            </div>
        </div>
    </div>
</div>
<#include "/include/footer.ftl">
<#include "/include/smalldetails.ftl">
</body>
</html>